<template>
  <div style='text-align:center;' id="coverTemplate">
    <table cellpadding="0" v-loading="loading" cellspacing="0" style="border-collapse:separate;
     border-spacing:0px 10px;border:1px solid black;text-align:center;line-height:38px" width=710 id="programme">
      <tr>
        <td width=710 valign=top>
          <p class=MsoNormal align=right style='text-align:right;margin-right:10px'>
            <b style='mso-bidi-font-weight:normal'>
              <span style='font-size:12.0pt;font-family:宋体;mso-bidi-font-family:宋体'>编号:</span>
            </b>
            <span lang=EN-US>{{form.dnbh}}
            </span>
          </p>
          <p align=center style='text-align:center;padding-top:80px'>
            <span style='font-size:20.0pt;font-family:宋体;'>居民健康档案</span>
          </p>
          <p class='title' style="padding-top:100px;">
            <span class="span">
              <span class='span_label'>姓 &nbsp; 名：</span>
              <span class="unline" style="width:460px;text-align:center">{{form.name}}</span>
            </span>
          </p>
          <p class=title>
            <span class="span">
              <span class='span_label'>现 &nbsp; 址：</span>
              <span class="unline" style="width:460px;text-align:center">{{form.jkdnxzz}}</span>
            </span>
          </p>
          <p class=title>
            <span class="span">
              <span class='span_label'>户籍地址：</span>
              <span class="unline" style="width:460px;text-align:center">{{form.jkdnhjdz}}</span>
            </span>
          </p>
          <p class='title '>
            <span class="span">
              <span class='span_label'>联系电话：</span>
              <span class="unline" style="width:460px;text-align:center">{{form.lxdh}}</span>
            </span>
          </p>
          <p class='title'>
            <span class="span">
              <span class='span_label'>乡镇（街道）名称：</span>
              <span class="unline" style="width:370px">{{form.xzjdmc}}</span>
            </span>
          </p>
          <p class='title'>
            <span class="span">
              <span class='span_label'>村（居）委会名称：</span>
              <span class="unline" style="width:370px">{{form.cwhmc}}</span>
            </span>
          </p>
          <p class='title_sub' style="margin-top:200px">
            <span class="span">
              <span class='span_label'>建档单位：</span>
              <span class="unline" style="width:330px">{{form.jddw}}</span>
            </span>
          </p>
          <p class='title_sub'>
            <span class="span">
              <span class='span_label'>建 档 人：</span>
              <span class="unline" style="width:330px">{{form.jdr}}</span>
            </span>
          </p>
          <p class='title_sub'>
            <span class="span">
              <span class='span_label'>责任医生：</span>
              <span class="unline" style="width:330px">{{form.zeys}}</span>
            </span>
          </p>
          <p class='title_sub' style="margin-bottom:30px">
            <span class="span">
              <span class='span_label'>建档日期：</span>
              <span class="unline" style="width:330px">{{form.jdrq}}</span>
            </span>
          </p>
          <br/>
          <br/>
        </td>
      </tr>

    </table>
  </div>
</template>
<script>
import '@/styles/report.scss'
import html2canvas from 'html2canvas'
import { getObj } from '@/api/cust/health/jkdn'
export default {
  name: 'coverTemplate',
  data() {
    return {
      loading: false,
      id: null,
      grjbxxid: null,
      form: {
        id: null,
        name: '',
        jkdnxzz: '',
        jkdnhjdz: '',
        lxdh: '',
        xzjdmc: '',
        cwhmc: '',
        jddw: '',
        jdr: '',
        zeys: '',
        jdrq: ''
      }
    }
  },
  created() {
    this.grjbxxid = this.$route.query.grjbxxid
    this.id = this.$route.query.id
    if (!this.validatenull(this.id)) {
      this.getData()
    }
  },
  mounted() {},
  methods: {
    getData() {
      getObj(this.id).then(res => {
        this.form = res.data
      })
    },
    breaks() {}
  },
  computed: {}
}
</script>

  